<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>用户名唯一性，html,php,ajax</title>
	<script>
		// js实现
		function focusNextInput(thisInput){
			var inputs = document.getElementsByTagName('input');
			for(var i=0;i<inputs.length;i++){
				if(i==(inputs.length-1)){
					// 如果焦点是在最后一个input，则把光标放到第一个input
					inputs[0].focus();
					break;
				}else if(thisInput==inputs[i]){
					inputs[i+1].focus();
					break;
				}
			}
		}
	</script>
</head>
<body>
	<form action="">
		<h3>注册界面</h3>
		<!-- 当选中该并按下键盘时触发，如果按下的时回车键，当前元素触发ocusNextInput函数。该函数使得下一个input获得光标 -->
		用户名：<input type="text" id='username' onkeypress="if(event.keyCode==13) focusNextInput(this);"><br>
		邮箱：<input type="text" id='email' onkeypress="if(event.keyCode==13) focusNextInput(this);"><br>
		手机号：<input type="text" id='phone' onkeypress="if(event.keyCode==13) focusNextInput(this);"><br>
	</form>
</body>
</html>